
@import '../../styles/default.scss';

.index-page {
  height: 100vh;
  background-color: $color-bg;
  position: relative;
  overflow: hidden;
  
  .index-top{
    height: 200PX;
    width: 100%;
    @include bg('../../assets/home_bg_img.png');
  }
  .index-top-btns{
    width: 80%;
    height: 80PX;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: #fff;
    border-radius: 10px;
    margin: auto;
    margin-top: -20px;
  }
  .index-mid{
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: #fff;
    margin-top: 50px;
    padding: 20px 0;
  }
  .item-btn{
    text-align: center;
    font-size: $font-15;
    color: $color-dark;
    .item-img{
      width: 40PX;
      height: 40PX;
      margin: 0 auto;
      margin-bottom: 10px;
    }
    .img-order{
      @include wh(35PX, 35PX);
      @include bg('../../assets/tab_order.png');
    }
    .img-im{
      @include wh(35PX, 35PX);
      @include bg('../../assets/tab_news.png');
    }
    .img-air{
      @include bg('../../assets/tab_air.png');
    }
    .img-line{
      @include bg('../../assets/tab_special_line.png');
    }
    .img-citymatch{
      @include bg('../../assets/tab_chengpei.png');
    }
    .img-sales{
      @include bg('../../assets/tab_sales.png');
    }
  }
}
